﻿@import url('global.css');

html { overflow: auto; }
#scn { width: 960px; height: 540px; margin: auto; background-color: lavender; position: relative; z-index: -1; }
#scn img { position: absolute; left: 0; top: 0; width: 960px; height: 540px; z-index: -1; }

#csn { width: 100%; height: 240px; position: absolute; z-index: 1; top: 160px; background: white; filter: alpha(opacity=60); opacity: 0.6; }
#cst { width: 960px; height: 240px; position: absolute; z-index: 2; top: 160px; left: 50%; margin-left: -480px; }
#cst h1 { font-family: 'Times New Roman'; font-size: 36px; color: #7d5917; float: left; margin: 84px 0 0 64px; }
#cst h1 span { font-family: '宋体'; font-size: 18px; color: #7d5917; display: block; text-align: center; }

#cst dl { width: 460px; float: right; overflow: hidden; padding: 7px 64px 0 0; }
#cst dl dd { float: left; width: 152px; height: 117px; }
#cst dl dd a { display: block; width: 135px; height: 100px; padding: 4px; border: 1px solid transparent; }
#cst dl dd a:hover { text-decoration: none; border-color: #973E17; background-color: white; }
#cst dl dd a img { width: 135px; height: 100px; }
#cst dl dd a span { display: block; margin-top: -24px; color: white; font-weight: bold; *+margin-top: -20px; _margin-top: -20px; line-height: 20px; height: 20px; width: 135px; text-align: center; background-color: gray; opacity: .7; filter: alpha(opacity=70); }
#cst dl dd a:hover span { opacity: 0.99; filter: none; }
